<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>幸运抽奖 好礼相送</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/mine/sign.css" />
		<link rel="stylesheet" href="../../css/luck/luck.css" />
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
	</head>
	<body>
		<span id="app" v-cloak>
			<header title="幸运抽奖  好礼相送"></header>
			<div class="container1" style="position: absolute;top: 6.5%; background-color: #f5b1b6;">
				<!--头部标题-->
				<div class="minm1" style="width: 100%;background-image: url(../../images/sign/sign-bg-head.png);background-repeat: no-repeat;background-size: 100%;height: 600px;
					padding-top: 50px;">
					<div style="width: 600px;height: 600px;background-image: url(../../images/sign/rand.png);background-repeat: no-repeat;background-size: 100%;margin: 0 auto;">
						<div style="width: 600px; height: 300px;" v-if="imgList.length==4">
							<div style="width: 280px; height: 150px;float: left;text-align: center;line-height: 48px;padding-top: 150px;
							color: #FFFFFF;font-size: 28px;transform: rotate(-45deg);padding-left: 20px;" v-html="imgList[3]">
							</div>
							<div style="width: 280px; height: 150px;float: left;text-align: center;line-height: 48px;padding-top: 150px;
							color: #FFFFFF;font-size: 28px;transform: rotate(45deg);padding-left: 20px;" v-html="imgList[0]">
							</div>
						</div>
						<div style="width: 600px; height: 300px;"  v-if="imgList.length==4">
							<div style="width: 280px; height: 150px;float: left;text-align: center;line-height: 48px;padding-top: 150px;
							color: #FFFFFF;font-size: 28px;transform: rotate(-135deg);padding-left: 20px;" v-html="imgList[2]">
							</div>
							<div style="width: 280px; height: 150px;float: left;text-align: center;line-height: 48px;padding-top: 150px;
							color: #FFFFFF;font-size: 28px;transform: rotate(135deg);padding-left: 20px;" v-html="imgList[1]">
								
							</div>
						</div>
						<div style="width: 100px;position: absolute;top: 346px;left: 50.5%;-webkit-transform-origin:center;transform:translate(-50%,-50%) rotate(0)" id="luckPointer">
							<img src="../../images/sign/pointer.png"/>
						</div>
					</div>
				</div>
				<div class="luckButton" style="height: 110px;">
					<img src="../../images/sign-bg-luck.png" @click="draw()">
				</div>
				<div class="days" style="width: 100%; background-color: #f5b1b6;padding-top: 30px;padding-bottom: 5px;">
					<div class="days-row1" style="width: 90%;height: 125px;padding-left: 5%;padding-right: 5%;">
						<div style="width: 15%;padding-left: 5%;padding-right: 5%;float: left;">
							<img :src="signCount > 0 ? '../../images/sign/day1.png':'../../images/sign/day1_no.png'" />
						</div>
						<div style="width: 15%;padding-left: 5%;padding-right: 5%;float: left;">
							<img :src="signCount > 1 ? '../../images/sign/day2.png':'../../images/sign/day2_no.png'" />
						</div>
						<div style="width: 15%;padding-left: 5%;padding-right: 5%;float: left;">
							<img :src="signCount > 2 ? '../../images/sign/day3.png':'../../images/sign/day3_no.png'" />
						</div>
						<div style="width: 15%;padding-left: 5%;padding-right: 5%;float: left;">
							<img :src="signCount > 3 ? '../../images/sign/day4.png':'../../images/sign/day4_no.png'" />
						</div>
					</div>
					<div class="days-row1" style="width: 70%;height: 125px;padding-left: 15%;padding-right: 15%;">
						<div style="width: 20%;padding-left: 5%;padding-right: 8%;float: left;">
							<img :src="signCount > 4 ? '../../images/sign/day5.png':'../../images/sign/day5_no.png'" />
						</div>
						<div style="width: 20%;padding-left: 5%;padding-right: 8%;float: left;">
							<img :src="signCount > 5 ? '../../images/sign/day6.png':'../../images/sign/day6_no.png'" />
						</div>
						<div style="width: 20%;padding-left: 5%;padding-right: 6%;float: left;">
							<img :src="signCount > 6 ? '../../images/sign/day7.png':'../../images/sign/day7_no.png'" />
						</div>
					</div>
				</div>
				<div style="width: 100%; height: 115px;">
					<img src="../../images/sign/sign_btn.png" @click="sign()" />
				</div>
				<!--活动规则-->
				<div>
					<img src="../../images/sign/sign-footer.png" />
				</div>
			</div>
		</span>
	</body>
	<script type="application/javascript" src="../../js/mine/sign.js"></script>
	<script type="application/javascript" src="../../js/luck/luckDraw.js"></script>
</html>
